.register-bottom{
	clear: both;
	width:100%;
	padding: 350px 0;
	box-sizing: border-box;
	position: relative;
}

.register-main{
	width:660px;
	height:587px;
	margin: 0 auto;
	position: absolute;
	top:50%;
	margin-top: -180px;
	left: 50%;
	margin-left:-330px;
	background: white;
	z-index: 999;
	border:1px solid #F6F6F6;
	box-shadow: 0 0 15px #808080;
}

.register-main-left{
	width:300px;
	height:477px;
	position: absolute;
	top:50px;
	left:50px;
}

.register-main-center{
	width:13px;
	height: 414px;
	position: absolute;
	top:50px;
	left:400px;
}

.register-main-right{
	width:160px;
	height: 376px;
	position: absolute;
	top:80px;
	right:40px;
}

.register-main-left-top{
	width:300px;
	height:33px;
	border-bottom: 1px solid #EBEBEB;
}

.register-main-left-bottom{
	width:300px;
	height:434px;
	margin-top: 20px;
}

#phone{
	width:150px;
	height:33px;
	float: left;
}

#email{
	width:150px;
	height:33px;
	float: right;
}

#phone-img{
	width:118px;
	height:22px;
	margin: 0 auto;
	cursor: pointer;
	background: url(../img/register1.png);
}

#email-img{
	width:93px;
	height:19px;
	margin: 0 auto;
	margin-top:3px;
	cursor: pointer;
	background: url(../img/register4.png);
}

.verify{
	width:100px;
	height:46px;
	font-size: 24px;
	font-family: "方正书体";
	color:#00B38A;
	position: absolute;
	top:125px;
	left:175px;
	line-height: 46px;
	text-align: center;
	background: #EAF7FF;
}

.reload{
	width:27px;
	height: 24px;
	position: absolute;
	top:137px;
	left:280px;
	cursor: pointer;
}

.message-verify{
	width:120px;
	height:46px;
	position: absolute;
	top:198px;
	left:195px;
	background: #00B38A;
	color: white;
	line-height: 46px;
	text-align: center;
}

.work{
	width:140px;
	height:46px;
	position: absolute;
	top:330px;
	line-height: 46px;
	text-align: center;
	color:#777777;
	border:1px solid #D1D1D1;
	cursor: pointer;
}

.job{
	width:140px;
	height:46px;
	position: absolute;
	top:330px;
	left:157px;
	line-height: 46px;
	text-align: center;
	color:#777777;
	border:1px solid #D1D1D1;
	cursor: pointer;
}

.agree{
	width:300px;
	height:20px;
	line-height: 20px;
	position: absolute;
	top:390px;
}
.agree label{
	cursor: pointer;
}
#agree{
	color:#777777;
	font-size: 14px;
	position: absolute;
	left:20px;
}

.agree a{
	color:#00B38A;
	text-decoration: none;
}

.agree a:hover{
	text-decoration: underline;
	color:#00B38A;
}

.agree-img{
	position: absolute;
	top:3px;
}

.protocol{
	position: absolute;
	left:120px;
}

.hot{
	color:#777777;
	font-size: 14px;
}

.register-main-right a{
	text-decoration: none;
	color:#00B38A;
}

.register-main-right a:hover{
	text-decoration: underline;
	color:#00B38A;
}

.photo{
	position: absolute;
	top:30px;
}

.p2{
	display: block;
	color:#777777;
	font-size: 14px;
}
.concern{
	width:300px;
	height:45px;
	position: absolute;
}

.two-dimensional-code{
	width:124px;
	height:124px;
	position: absolute;
	top:230px;
}

.p1{
	width:124px;
	height:20px;
	line-height:20px;
	position: absolute;
	bottom:0px;
	left:10px;
	color:#777777;
	font-size: 12px;
}

.register-main-left-bottom1{
	width:300px;
	height:454px;
	margin-top:20px;
}

.register-main-left-bottom2{
	width:300px;
	height:284px;
	margin-top: 20px;
}

.work1{
	width:140px;
	height:46px;
	position: absolute;
	top:190px;
	line-height: 46px;
	text-align: center;
	color:#777777;
	cursor: pointer;
	border:1px solid #D1D1D1;
}

.job1{
	width:140px;
	height:46px;
	position: absolute;
	top:190px;
	left:157px;
	line-height: 46px;
	text-align: center;
	color:#777777;
	border:1px solid #D1D1D1;
	cursor: pointer;
}

.select-border {
	border:1px solid #00B38A;
}

.agree1{
	width:300px;
	height:20px;
	line-height: 20px;
	position: absolute;
	top:250px;
}
.agree1 label{
	cursor: pointer;
}
#agree1{
	color:#777777;
	font-size: 14px;
	position: absolute;
	left:20px;
}

.agree-img1{
	position: absolute;
	top:3px;
}

.protocol1{
	position: absolute;
	left:120px;
}

.agree1 a{
	color:#00B38A;
	text-decoration: none;
}

.agree1 a:hover{
	text-decoration: underline;
	color:#00B38A;
}

.tab-active{
	width:150px;
	height:1px;
	background: #00B38A;
	position: absolute;
	top:33px;
	transition: left .5s;
}

.tab-active:before {
	content: '';
	height: 0;
	width: 0;
	border: 6px solid transparent;
	border-bottom-color: #00b38a;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: -12px;
}
			
.tab-active:after {
	content: '';
	height: 0;
	width: 0;
	border: 6px solid transparent;
	border-bottom-color: white;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: -10px;
}
